<template>
  <div class="content-card-warpper">
    <div class="content-card content-card-lf">
      <LeftCard1 />
      <LeftCard2 />
    </div>
    <div class="content-card content-card-center">
      <CenterHeader />
      <CenterLfPanel />
    </div>
    <div class="content-card content-card-rt">
      <RightCard1 />
      <RightCard2 />
      <RightCard3 />
    </div>
  </div>
</template>

<script setup>
import LeftCard1 from './leftCard1.vue';
import LeftCard2 from './leftCard2.vue';
import RightCard1 from './rightCard1.vue';
import RightCard2 from './rightCard2.vue';
import RightCard3 from './rightCard3.vue';
import CenterHeader from './center-header.vue';
import CenterLfPanel from './center-lf-panel.vue';
</script>
